<template>
    <div class="app-container">
      <el-row :gutter="20">
        <el-col :span="24">
          <el-card>
            <el-table :data="users" style="width: 100%">
              <el-table-column prop="name" label="Name" width="180"></el-table-column>
              <el-table-column prop="email" label="Email" width="220"></el-table-column>
              <el-table-column prop="role" label="Role"></el-table-column>
            </el-table>
          </el-card>
        </el-col>
      </el-row>
    </div>
  </template>
  
  <script>
  export default {
    name: 'UserManage',
    data() {
      return {
        users: [
          { name: 'John Doe', email: 'john.doe@example.com', role: 'Admin' },
          { name: 'Jane Smith', email: 'jane.smith@example.com', role: 'Editor' },
          // 这里可以添加更多用户
        ]
      }
    }
  }
  </script>
  
  <style scoped>
  .app-container {
    padding: 20px;
  }
  </style>
  